<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding">
			<a href="orderprocess.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="center sliding color-white">订单详情</div>
  	</div>
</div>

<div class="pages navbar-through">
	<div data-page="orderdetail" class="page" id="orderdetail">
		<div class="page-content">
			<!--part1-->
			<div class="card" style="margin:10px 0 0 0;">
				<div class="card-footer" style="justify-content:flex-start;">
					<span class="size_15  bold yahei color-black">{{title}}</span>
				</div>
				<div class="item-text size_12 yahei" style="padding:10px 15px;">
					{{content}}
				</div>
			</div>

			<div class="card" style="margin:0 0 10px 0;height: 15vh;">
				<div style="width: 80vw;margin: 0 auto;" class="ks-demo-progressbar-inline">
					<p style="padding: 10px 0 10px 0;margin: 0;">
						<span data-progress="{{formatprocess process}}" class="progressbar color-green"></span>
					</p>
					<div class="row" style="text-align: center;">
						<div class="col-25 bold yahei">付款</div>
						<div class="col-25 bold yahei">订单确认</div>
						<div class="col-25 bold yahei">行程中</div>
						<div class="col-25 bold yahei">完成</div>
					</div>

				</div>					
			</div>

			<!--part2-->
			<div style="background-image: url(img/scopelist/3.jpg);width: 100vw;height: 15vh;text-align: center;">
				<div class="size_15 yahei color-white bold" style="padding: 10px 0 10px 0;">{{orderName}}</div>
				<div class="size_12 color-white">{{startDay}}至{{stopDay}}</div>
				<div class="size_12 color-white">{{persons}}人</div>
			</div>
			<!--part3-->
			<div>
				<div class="card" style="margin:10px 0 0 0;">
					<div class="card-footer" style="justify-content:flex-start;">
						<span class="size_15 yahei bold color-black">快速解决行程问题</span>
					</div>
					<!-- <div class="item-text size_12 yahei">
						<a href="#" class="button color-green" style="width: 40vw;margin: 0 auto;">联系游客</a>
					</div> -->
					<!--区分role-->
					<div class="item-text size_12 yahei row">
						<div class="col-50">
							<a href="#" class="button color-green msg" style="width: 40vw;margin: 0 auto;" data-id="{{shopId}}">联系玩伴</a>
						</div>
						<div class="col-50">
							<a href="#" class="button color-green refund" style="width: 40vw;margin: 0 auto;" data-id="{{order_id}}">退款申请</a>
						</div>
					</div>
					<div class="card-footer no-border" style="justify-content:flex-start;">
						<span class="size_15 yahei bold color-black">行程结束</span>
					</div>
					<div class="item-text size_12 yahei color-black" style="padding:10px 15px;">
						行程中哇吖回味游客托管资金，行程结束后请单击结束行程。<br>
						哇吖将会向您执行打款操作，如果行程结束后7日内没有结束行程或者无申请退款，将会自动打款
					</div>
					<!--区分role-->
					<div class="item-text size_12 yahei">
						<a href="#" class="button color-white bg-green finish" style="width: 20vw;margin: 0 auto;" data-id="{{order_id}}">完成行程</a>
					</div>
				</div>
				
				<div class="card" style="margin:10px 0 0 0;">
					<div class="card-footer" style="justify-content:flex-start;">
						<span class="size_15  bold yahei color-black">费用信息</span>
					</div>
					<div class="item-text size_12 yahei" style="padding:10px 15px;">
						订单总额：{{moneyTotalRMB}}
					</div>
				</div>
				
				<div class="card" style="margin:10px 0 0 0;">
					<div class="card-footer" style="justify-content:flex-start;">
						<span class="size_15 yahei bold color-black">订单信息</span>
					</div>
					<div class="item-text size_12 yahei" style="padding:10px 15px;">
						订单号：{{orderNo}}<br>
						提供者：{{userName}}<br>
						下单时间：{{created}}<br>
						出行人数：{{persons}}<br>
						联系电话：{{telCode}}+ {{telNum}}<br>
					</div>
				</div>
				<div class="card" style="margin:10px 0 0 0;">
					<div class="card-footer" style="justify-content:flex-start;">
						<span class="size_15 yahei bold color-black">其他帮助</span>
					</div>
					<div class="item-text size_12 yahei" style="padding:10px 15px;">
						<a href="#" class="button color-green" style="width: 50vw;margin: 0 auto;">拨打哇吖客服电话</a>
					</div>
				</div>	
			</div>
			<!--<a href="#" class="button button-fill bg-green color-white">发点评</a>-->
      
    	</div>
  	</div>
</div>
